@charset "utf-8";
/* CSS Document */

body{
	color           : #999;
	background-color: #fff;
}
#central{
	color:#333 !important;}

div#cabeceraTxt #cabTitulo{
	font-size: 2.5em;
}
div#cabeceraTxt #cabSubtitulo{
	font-size: 2em;
}
div#cabeceraTxt #cabTercer{
	font-size: 1.5em;
}
div#titulo{
	font-size: 1.5em;
}
div#cabeceraTxt #cabSubtitulo2{
	font-size: 1.5em;
}
div#cabeceraTxt #cabTercer2{
	font-size: 1.2em;
}

* { 
	margin: 0; 
	padding: 0; 
}
body{
	margin    : 0;
	padding   : 0;
	text-align: center;
	font-family: Arial, serif;
	font-size  : 16px;
}
#frame{
	margin : 0 auto;
	padding: 0;
	width  : 90%;
	/*border: #ccc 1px solid;*/
}
footer{
	text-align: center;
	font-size : 0.8em;
	padding   : 1em 0;
	margin    : 0 auto;
	display   : block;
}
footer#pie{
	border-radius: 0 0 1em 1em;	
}
footer#pie a{
	text-decoration: none;
	color: #666;
}
footer#pie a:hover{
	text-decoration: underline;
}
section#base{
	text-align: center;
	margin    : 0 auto;
	padding   : 0;
}
header#inicial{
	/*height: 6em;*/
	/*background: url('../imgs/logo.png') no-repeat left;
	background-size: 30%;*/
}
#lateral{
	width: 25%;
	display: inline-block;
	vertical-align: top;
}
section#central{
	width: 74%;
	display: inline-block;
	vertical-align: top;
	border: #ccc 1px solid;
	border-radius: 0.5em;
}
nav{
	/*position: relative;
	top: 3.8em;*/
}
nav ul{
	list-style: none;
}
ul#topics{
	text-align: right;
}
nav li{
	display: inline-block;
}
nav li a{
	background: rgb(6,86,142);
	border-radius: 0.5em 0.5em 0 0;
	color: white;
	display: inline-block;
	margin: 0 0.3em 0 0;
	padding: 0.5em 1em;
	text-decoration: none;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
nav li a:hover{
	background: rgb(48,152,229);
	color: white;
	/*-webkit-transform: scale(1.2);
	transform: scale(1.2);*/
}
div#cabeceraLabel{
	text-align: left;
}
div#cabeceraLabel img{
	display: inline-block;
	vertical-align: top;
}
div#cabeceraLabel div#cabeceraTxt{
	display: inline-block;
	vertical-align: top;
	padding-top: 1em;
}
/** Navegacion a la izquierda */
#lateral div.menutitulo{
	display: block;
	font-size: 1em;
}
div.menutitulo a{
	background-color: #3771AB;
	display: block;
	text-decoration: none;
	border-radius: 0.3em;
	padding: 0.2em;
	color: #fff;
	width: 90%;
}
div.menutitulo a:hover{
	background-color: rgb(54,162,232);
}
#lateral ul.menucontenido{
	list-style: none;
	text-align: left;
	margin: 0;
}
#lateral li{
	display: block;
}
#lateral li a{
	display: block;
	margin: 0;
	padding: 0.3em;
	text-decoration: none;
	color: #333;
}
#lateral li a:hover{
	color: rgb(6,86,142);
	text-decoration: underline;
}
/**Contenido cental*/
#central, #contenido{
	margin: 0 auto;
	padding: 0;
}
#contenido{
	padding: 1em !important;
}
header#cabecera{
	display: block;
}
div#breadcrumbs{
	text-align: left;
	display: block;
	padding: 0.3em 0;
}

div#breadcrumbs ul{
	list-style: none;
	margin-left: 0;
}
div#breadcrumbs li{
	display: inline-block;
}
div#breadcrumbs li a{
	text-decoration: none;
	color: rgb(6,86,142);
}
div#breadcrumbs li a:hover{
	text-decoration: underline;
}
#titulo, #topnav{
	display: inline-block;
	vertical-align: top;
}
#titulo{
	width: 87%;
	text-align: left;
	border-bottom: #ccc 1px dashed;
}
#topnav{
	width: 12%;
	text-align: right;
}
/**elementos del area de contenido*/
div#area{
	padding-top: 0.8em;
	text-align: left;
}
#area img{
	max-width:100% !important;
    height:auto;
}
ul, ol {
	margin-left: 2em;
}
figure.diagrama{
	text-align: center;
	padding: 0.5em 0;
}
#area .nota, #area .sugerencia{
	border-radius: 0.5em;
	padding: 1em 1em 1em 2.5em;
}
#area .nota{
	background: url('../imgs/important.png') #F3F7BE no-repeat left;
}
#area .sugerencia{
	background: url('../imgs/lamp.png') #FCEDCA no-repeat left;
}
/**pie del contenido*/
footer#bottomnav{
	padding-top: 0.5em 0;
}
aside{
	float: right;
	width: 30%;
	text-align: left;
	background-color: #DEF4FA;
	padding: 0.3em;
	border-radius: 0.4em;
}
aside p{
	padding-bottom: 0.5em;
}